<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
        list-style: none;
    }
.new{
    width: 600px;
    height:366px;
    border: 1px solid #333;
    margin: 20px auto;
}
.new ul li{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    margin: 0 30px 0 20px;
    background: url(./images/01圆点用背景图_03.png) no-repeat 0 center;
padding-left: 18px;
}
.new ul li a{
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.new ul li a:hover{
    color: #e6bd9f;
}
.new ul li span{
    float: right;
    color: #999;
    font-size: 12px;
}
</style>

<body>

    <div class="new">
        <ul>
            <li>
                <a href="#">2020年寒假少儿舞蹈成品舞,基本功强化班招生</a>
                <span>2019-12-05</span>
            </li>
            <li>
                <a href="#">19年文广暑假少儿基本功强化班/成品舞班汇报</a>
                <span>2019-08-07</span>
            </li>
            <li>
                <a href="#">北京舞蹈学院中国舞考级11级招生简章</a>
                <span>2019-07-05</span>
            </li>
            <li>
                <a href="#">暑假少儿舞蹈班开始招生啦!</a>
                <span>2019-04-24</span>
            </li>
            <li>
                <a href="#">2019年春季少儿舞蹈招生啦!</a>
                <span>2019-01-23</span>
            </li>
            <li>
                <a href="#">《璀璨诞星》2019全国少儿春晚现场照片第一弹！</a>
                <span>2019-01-15</span>
            </li>
        </ul>
    </div>
</body>

</html>